<template>
	<page-meta :page-font-size="baseFontSize + 'rpx'" :root-font-size="baseFontSize + 'rpx'"></page-meta>
	<view>
		<uni-card class="view-title" :title="title">
			<text class="uni-body view-content">{{ content }}</text>
		</uni-card>
	</view>
</template>

<script>
export default {
	data() {
		return {
			title: '',
			content: ''
		};
	},
	computed: {
		baseFontSize() {
			return this.$store.getters.fontSize;
		}
	},
	onLoad(options) {
		this.title = options.title;
		this.content = options.content;
		uni.setNavigationBarTitle({
			title: options.title
		});
	}
};
</script>

<style scoped>
page {
	background-color: #ffffff;
}

.view-title {
	font-weight: bold;
}

.view-content {
	font-size: 2.6rem;
	padding: 12px 5px 0;
	color: #333;
	line-height: 4.8rem;
	font-weight: normal;
}
</style>
